<div class="alarm-container" >
<aside class="alarm-aside">
<app-device-tag-selector fxFlexFill  
        [deviceCategories]="deviceCategories"        
[multipleFarm]="false" 
[deviceGroupCategory]='deviceGroupCategory'
[selectAGroup]='true'
[tagSet]="'01'"  
[choiceDeviceCount]="deviceCountLimit"
[includeTagSelector]="false" 
[isClearSelectDevice]="isClearSelectDevice"
[defaultChooseDeviceCount]="defaultChooseDeviceCount"
        (selectedDevicesChange)="onSelectedDevicesChange($event)">       
      </app-device-tag-selector>
</aside>

<section class="alarm-main">

<header class="alarm-main-query" fxLayout="row">
<!--查询时间表单选择-->
<section>
起始时间:
<p-calendar [locale]="en" [(ngModel)]="startTime" showTime="showTime" hourFormat="24"></p-calendar>
</section>
<section>
结束时间:
<p-calendar [locale]="en" [(ngModel)]="endTime" showTime="showTime" hourFormat="24"></p-calendar>
</section>
<section>
<button class="button-trend" (click)="initAlarmList()">确定</button>
<i class="exp">
            <a (click)="alarmList.exportData()" id="ex">故障导出</a>
          </i>
</section>  
<input type="text" class="divFaultDesc" [(ngModel)]="divFaultDesc" placeholder="请输入故障描述查询">         
</header>
<app-alarm-list
#alarmList 
(createData)="onCreateData($event)" 
[startTime]="startTime" 
[endTime]="endTime" 
class="alarm-main-content" 
[divFaultDesc]="divFaultDesc"></app-alarm-list>
<p-dialog header="提示信息" [(visible)]="display" modal="modal" width="300" [responsive]="true">
<p>{{mes}}!</p>
<p-footer>
<button type="button" pButton icon="fa-check" (click)="display=false" label="确定"></button>
</p-footer>
</p-dialog>
  </section>
</div>

